<template>
    <div class="categoryList">
        <div v-for="(item,index) in categoryList" :key="index">
            <div class="title">{{item.name}}</div>
            <Products :productsList="item.goodsList"></Products>
        </div>
    </div>
</template>

<script>
import Products  from '../common/Products.vue'
export default {
    props:['categoryList'],
    components: {
        Products
    }
}
</script>

<style lang='less' scoped>
.categoryList {
  margin-top: 0.15rem;
  background-color: #fff;
  .title {
    text-align: center;
    height: 0.5rem;
    line-height: 0.5rem;
    font-size: 0.2rem;
  }

  
}
</style>
